<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script>
    //什么是模块化？
    //模块化就是把代码进行拆分，方便重复利用。
    //模块功能主要由两个命令构成：`export` 和`import`
    //`export`命令用于规定模块的对外接口;
    //`import`命令用于导入其他模块提供的功能。
    
    //导入util
    import util from './data/static/js/hello.js'
    //调用util中的属性
    util.sum(1,2)

    //要批量导入前面的name和age
    import {name,age} from './data/static/js/user.js'
    console.log(name+",今年"+age+"岁了")


   //但是上面的代码暂时无法测试，
   //因为浏览器目前还不支持ES6的导入和导出功能。除非借助于工具，
   //把ES6的语法进行编译降级到ES5，比如`Babel-cli`工具
</script>
<body>
    
</body>
</html>